<template>
  <div class="dashboard-box">
    <!--<index-chart v-if="indexStyle==1"></index-chart>
    <index-bdc v-if="indexStyle==2"></index-bdc>
    <index-task v-if="indexStyle==3"></index-task>
    <div style="width: 100%;text-align: right;margin-top: 20px">
      请选择首页样式：
      <a-radio-group v-model="indexStyle">
        <a-radio :value="1">统计图表</a-radio>
        <a-radio :value="2">统计图表2</a-radio>
        <a-radio :value="3">任务表格</a-radio>
      </a-radio-group>
    </div>-->

    <!-- 首页背景图 -->
    <img class="bg-dashboard" src="../../../public/bg-dashboard.png" />
    
  </div>
</template>

<script>
  import IndexChart from './IndexChart'
  import IndexTask from "./IndexTask"
  import IndexBdc from './IndexBdc'

  export default {
    name: "Analysis",
    components: {
      IndexChart,
      IndexTask,
      IndexBdc
    },
    data() {
      return {
        indexStyle:1
      }
    },
    created() {

    },
    methods: {

    }
  }
</script>




<style lang="less">
  /* 背景颜色调整，为适配 dashboard 背景图片 */
  .ant-layout { background-color: #f6f6f6; }

  .dashboard-box {
    text-align: center;

    .bg-dashboard {
      width: 300px;
      margin: 100px auto;
    }
  }
</style>
